<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html> <!--<![endif]-->
<html lang="zh_CN" class="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>${title}-视频目录</title>
<meta name="description" content="${description}"/>
<!--[if lt IE 9]>
  <script src="/Web/Web_Wj/cssjs/js/html5shiv.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-shim.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-sham.js"></script>
<![endif]-->
<link href="/Web/Web_Wj/cssjs/css/bootstrap.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-v2.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
</head>
<body class="es-main-purple es-nav-default course-dashboard-page">
<!--[if lt IE 9]>
<script src="/Web/Web_Wj/cssjs/js/fix-ie.js"></script>
<style>
  .lt-ie9 {
    overflow: hidden;
  }
  .ie-mask {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
  }
  .ie-alert-wrap {
    position: absolute;
    z-index: 1000000;
    margin: -200px auto 0;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
  }
  .ie-alert {
    width: 514px;
    height: 397px;
    margin: 0 auto;
  }
  .ie-alert__chrome,
  .ie-alert__firefox {
    position: absolute;
    z-index: 1000001;
    display: block;
    bottom: 48px;
    width: 60px;
    height: 80px;
  }
  .ie-alert__chrome {
    left: 50%;
    margin-left: -80px;
  }
  .ie-alert__firefox {
    right: 50%;
    margin-right: -80px;
  }
</style>
<div class="ie-mask"></div>
<div class="ie-alert-wrap">
  <div class="ie-alert" style="background:url('/Web/Web_Wj/cssjs/images/browser_update.png')">
    <a href="http://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8" target="_blank" class="ie-alert__chrome"></a>
    <a href="http://firefox.com.cn/download/" target="_blank" class="ie-alert__firefox"></a>
  </div>
</div>
<![endif]-->
<div class="es-wrap">
<header class="es-header navbar zero-inside-header">
  <div class="navbar-header"> <a href="/" class="navbar-brand"> <img src="${logotihuan}"> </a> </div>
  <nav class="collapse navbar-collapse"> ${inide:head.html} </nav>
</header>
<div
  class="event-report"
  data-url="/event/dispatch" data-event-name="course.view"
  data-subject-type="course"
  data-subject-id="368"  data-user-id="0">
</div>
<div class="container">
  <ol class="breadcrumb breadcrumb-o">
    <li><a href="/">首页</a></li>
    ${Xtags}
  </ol>
  <div class="es-section course-detail-section clearfix">
    <div class="course-detail-top clearfix"><span class="course-detail-heading"> ${LessonTitle} </span>
      <p class="text-overflow subtitle" data-toggle="popover" data-placement="bottom"
     data-trigger="hover"  data-content="评论、收藏、分享及每天登录均可获得对应的学豆哟！学豆只能用于全套课程的购买！"> <a class="color-gray"> 评论、收藏、分享及每天登录均可获得对应的学豆哟！ </a> </p>
      <ul class="course-operation hidden-xs hidden-sm clearfix">
${tooltip}
        <li class="es-share top"> <a class="btn btn-default btn-xs dropdown-toggle" href="" data-toggle="dropdown" title="分享"> <i class="es-icon es-icon-share"></i> </a>
          <div class="dropdown-menu  js-social-share-params"> 

            <a href="http://shuqian.youdao.com/manage?a=popwindow&title=${SharingNicknames}&url=${ShareLinks}" class="js-social-share" data-cmd="weixin" title="分享到有道书签" data-share="weixin" target="_blank"><i class="es-icon es-icon-whatshot"></i></a> 
            <a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url=${ShareLinks}&pics=&title=${SharingNicknames}&summary=${jiaoyaomiaoshu}&pics=${IMGaddress}" class="js-social-share" data-cmd="tsina" title="分享到朋友网" data-share="weibo" target="_blank"><i class="es-icon es-icon-groupadd"></i></a> 
            <a href="https://connect.qq.com/widget/shareqq/index.html?url=${ShareLinks}&title=${SharingNicknames}&summary=${jiaoyaomiaoshu}&pics=${IMGaddress}&site=${SharingNicknames}" class="js-social-share" data-cmd="qq" title="分享到QQ好友" data-share="qq" target="_blank"><i class="es-icon es-icon-qq"></i></a> 
            <a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=${ShareLinks}&title=${SharingNicknames}&summary=${jiaoyaomiaoshu}&pics=${IMGaddress}&desc=" class="js-social-share" data-cmd="qzone" title="分享到QQ空间" data-share="qzone" target="_blank"><i class="es-icon es-icon-qzone"></i></a> 
          </div>
        </li>
      </ul>
    </div>
    <div class="course-detail-bottom">
      <div class="course-detail-img" style="vertical-align:middle;"> <img class="img-responsive" src=" ${IMGaddress}" alt=" ${LessonTitle} ">
        <div class="image-overlay"></div>
        <div class="course-detail-remask"> <i class="es-icon es-icon-people"></i> <span class="mhs">${NumberOfBuyers}</span>${NumberOfPopulation}
          <div class="score pull-right mb0">  <span class="vertical-middle">(${BrowseInt}次浏览)</span> </div>
        </div>
      </div>
      <div class="course-detail-info">
        <div class=" mb15 "> <span class="course-detail-title">价格</span> <span class="gray-darker mrm"> ¥<b class="pirce-num"> ${price} </b> </span> </div>
        <div class="course-detail-gray  not-activity ">
          <div class="mb15 hidden-xs">
            <div class="course-detail-content"> <span class="course-detail-title vertical-middle mb10">教学计划</span>
              <ul class="nav nav-pills nav-pills-sm nav-pills-transparent course-detail-nav">
                <li class="mb10 mr10  active "> <a href="${myurl}" title="默认教学计划">默认教学计划 </a> <i class="es-icon es-icon-done done-icon"></i> </li>
              </ul>
            </div>
            <div class="mb15 hidden-xs"> <span class="course-detail-title ">课程优惠</span> <span class="gray-dark mrl">月卡用户${YKDiscount}折 &nbsp; 年卡用户${NKDiscount}折</span> </div>
            <div class="mb15"> <span class="course-detail-title">承诺服务</span> <span
                  class="lump-sm color-lump bg-primary mr5 hidden-xs"
                  data-container="body"
                  data-trigger="hover"
                  data-placement="top"
                  data-toggle="popover"
                  title="一对一在线答疑"
                  data-content="提供专属的一对一在线答疑，快速答疑解惑。"> 疑 </span> <span
                  class="lump-sm color-lump bg-primary mr5 hidden-xs"
                  data-container="body"
                  data-trigger="hover"
                  data-placement="top"
                  data-toggle="popover"
                  title="提问必答"
                  data-content="对于提问做到有问必答，帮您扫清学习过程中的种种障碍"> 问 </span> <span
                  class="lump-sm color-lump bg-primary mr5 hidden-xs"
                  data-container="body"
                  data-trigger="hover"
                  data-placement="top"
                  data-toggle="popover"
                  title="24小时阅卷点评"
                  data-content="24小时内批阅您提交的试卷，给予有针对性的点评"> 试 </span> <span
                  class="lump-sm color-lump bg-primary mr5 hidden-xs"
                  data-container="body"
                  data-trigger="hover"
                  data-placement="top"
                  data-toggle="popover"
                  title="24小时作业批阅"
                  data-content="24小时内完成作业批阅，即时反馈并巩固您的学习效果"> 练 </span> </div>
          </div>
        </div>
          <div class="text-right buy-btn-group"> ${buybut}</div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-lg-9 col-md-8 course-detail-content">
        <section class="es-section">
          <div class="nav-btn-tab">
            <ul class="nav nav-tabs " role="tablist">
              <li role="presentation" id="summary" class=""> <a href="${myurl}"> 介绍 </a> </li>
              <li role="presentation" id="tasks" class="active"> <a href="${muluurl}"> 目录 </a> </li>
              <li role="presentation" id="reviews" class=""> <a href="${bijiurl}"> 笔记 <small>(${bijirenshu})</small> </a> </li>
            </ul>
          </div>
          <div class="panel-body">
            <div class="course-detail-content">
              ${kejianlb}
            </div>
          </div>
        </section>
        </section>
        <div class="panel panel-default hidden-xs pt10">
          <div class="course-list">
            <div class="row">
             ${suijilist}
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-4 course-sidebar">
        ${LatestBrowsing}
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">课程特色</h3>
          </div>
          <div class="panel-body pt0">
            <div class="course-features pl0">
              <div class="course-features-item clearfix">
                <div class="media">
                  <div class="media-left prm"> <span class="color-lump bg-primary"> <i class="es-icon es-icon es-icon-videoclass media-logo"></i> </span> </div>
                  <div class="media-body media-middle">视频(${shipingshuliang})</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        ${touxianglist}
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title"><i class="es-icon es-icon-recentactors"></i>最新笔记</h3>
          </div>
          <div class="panel-body">
            ${pinglunlist}
          </div>
        </div>
      </div>
    </div>
  </div> </div>
  ${inide:footer.html}
<script>
  if (typeof app === 'undefined') {
      var app = {};
  }
</script> 
<script src="/Web/Web_Wj/cssjs/js/translator.min.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/zh_cn.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/vendor.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/common.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/main.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/main.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/bootstrap-datetimepicker.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/jquery-validation.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index1.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index2.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/perfect-scrollbar.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index.js"></script> 
<!--<script src="/Web/Web_Wj/cssjs/js/guanzhu.js"></script>该JS文件目前昝可不适用-->
<script src="/Web/Web_Wj/cssjs/js/head-top-index.js"></script> 
<script type="text/javascript">
  window.seajsBoot && window.seajsBoot();
</script>
</body>
</html>